import Vue from 'vue'
import Vuex from 'vuex'
import axios from 'axios'

Vue.use(Vuex);

//按功能划分模块,不同模块有各自的state、mutations、actions...

let selectModule={

  state:{

    title:'',

    list:[]

  },

  mutations:{

    titleHandle(state,payload){

      state.title=payload.title;

    },
    changeList(state,list){

      state.list=list;

    }
  },

  actions:{

    getList(){

      axios.get('http://easy-mock.com/mock/59cf334bc5c4302238f63f08/list')

        //返回值是一个对象，数据存放在data属性中
        .then(function (obj){

          console.log(obj.data);

          //拿到数据后，提交一个mutation，改变状态
          store.commit('changeList',obj.data);

        })
        .catch(function (err){

          console.log(err);
        })
    }
  }

}


//定义一个容器
let store=new Vuex.Store({

  modules:{

    selectModule

  }


})
export default store;
